<style>
  table {
    color: white;
    font-size: 32px;
    background-color: black;
  }
  select {
    font-size: 24px;
    max-width: 100px;
  }
  table td {
    color: white;
    padding: 10px;
  }
</style>

<table width="100%" border="1">
  <tr align="center" valign="top">
    <td>
      <table width="100%" border="1" class="player1Inputs">
        <tr>
          <td colspan="2"><strong>Player 1</strong></td>
        </tr>
        <tr>
          <td>
            Control
          </td>
          <td>
            <select class="team1Control" name="team1Control">
              <option value="human">human</option>
              <option value="ai">ai (medium)</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Forward Thrust</td>
          <td>
            <select name="PLAYER_1_upKey">
              <option>X</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Reverse Thrust</td>
          <td>
            <select name="PLAYER_1_downKey">
              <option>X</option>
            </select>
          </td>
        </tr>

        <tr>
          <td>Rotate Left</td>
          <td>
            <select name="PLAYER_1_leftKey">
              <option>X</option>
            </select>
          </td>
        </tr>

        <tr>
          <td>Rotate Right</td>
          <td>
            <select name="PLAYER_1_rightKey">
              <option>X</option>
            </select>
          </td>
        </tr>
        
        <tr>
          <td>Strafe ( hold and rotate )</td>
          <td>
            <select name="PLAYER_1_leftBumper">
              <option>Shift</option>
            </select>
          </td>
        </tr>
        
        
        <tr>
          <td>Primary Weapon</td>
          <td>
            <select name="PLAYER_1_primaryWeaponKey">
              <option>X</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Secondary Weapon</td>
          <td>
            <select name="PLAYER_1_secondaryWeaponKey">
              <option>Z</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Special Weapon</td>
          <td>
            <select name="PLAYER_1_specialWeaponKey">
              <option>Z</option>
            </select>
          </td>
        </tr>
      </table>
    </td>
    <td>
      <table width="100%" border="1" class="player2Inputs">
        <tr>
          <td colspan="2"><strong>Player 2</strong></td>
        </tr>
        <tr>
          <td>
            Team 2:
          </td>
          <td>
            <select class="team2Control" name="team2Control">
              <option value="human">human</option>
              <option value="ai">ai (medium)</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Forward Thrust</td>
          <td>
            <select name="PLAYER_2_upKey">
              <option>X</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Reverse Thrust</td>
          <td>
            <select name="PLAYER_2_downKey">
              <option>X</option>
            </select>
          </td>
        </tr>

        <tr>
          <td>Rotate Left</td>
          <td>
            <select name="PLAYER_2_leftKey">
              <option>X</option>
            </select>
          </td>
        </tr>

        <tr>
          <td>Rotate Right</td>
          <td>
            <select name="PLAYER_2_rightKey">
              <option>X</option>
            </select>
          </td>
        </tr>
        
        <tr>
          <td>Strafe ( hold and rotate )</td>
          <td>
            <select name="PLAYER_2_leftBumper">
              <option>Shift</option>
            </select>
          </td>
        </tr>
        
        
        <tr>
          <td>Primary Weapon</td>
          <td>
            <select name="PLAYER_2_primaryWeaponKey">
              <option>X</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Secondary Weapon</td>
          <td>
            <select name="PLAYER_2_secondaryWeaponKey">
              <option>Z</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>Special Weapon</td>
          <td>
            <select name="PLAYER_2_specialWeaponKey">
              <option>Z</option>
            </select>
          </td>
        </tr>
        
      </table>
    </td>
  </tr>
  <!--
    <tr>
      <td colspan="2"><button class="closeMenu">Close</button></td>
    </tr>
  -->
</table>

